// 头部
.head{
    background: #fff;
    width: 15rem;
    height: 3.1875rem;
    display: flex;
    margin: 0 auto;
    .item:nth-of-type(1){
        flex: 4;
        img{
         height: 1.875rem;
         padding: .644531rem 0;
        }
    }
    .item:nth-of-type(2){
        flex: 1;
        img{
            height: .820312rem;
            padding: 1.171875rem .890625rem;
        }
    }
}
// 底部
.foot{
    width: inherit;
    height: 2.34375rem;
    // margin-top: .234375rem;
    // position: absolute;
    // bottom: 0;
    // right: 0;
  .test{
    width: 60%;
    height:50% ;
    margin: 0 auto;
    font-size: .375rem;
    color: #fff;
    text-align: center;
    position: relative;
    top: .46875rem;
  }
}

// 侧边栏
.bg{
    
    width: 15rem;
    // height: 26.625rem;
    // height: 26.625rem;
    // height: 100%;
    // background: url(../img/2.png) no-repeat 0 0/100% 100%;
    margin: 0 auto;
    position: relative;
     // 侧边栏
    .slide-navs{
        display: none;
        position: absolute;
        width: 7.03125rem;//300px;
        height: 100%;
        top: 0;
        right: -7.03125rem;
        background: #333333;
        .slide-nav{
            width: 7.03125rem;
            height: 60%;
            display: flex;
            flex-direction: column;
            li{
                padding: .234375rem;
                position: relative;
                border-bottom:.023437rem solid #3d3d3d;
                a{
                   
                    text-decoration: none;
                    color: #9c9797;;
                    h1{
                        display: inline-block;
                        font-size: .585937rem;//25px;
                        margin-left: .375rem;
                        margin-top: .703125rem;
                        font-weight: lighter;
                       
                    }
                    li{
                        padding: 0;
                    }
                }
                .sanjiao{
                    cursor: pointer;
                    position: absolute;
                    top: .9375rem;
                    right: .703125rem;
                    width: .46875rem;
                    height: .46875rem;
                    background: url(../img/123.png) no-repeat 0 0/100% 100%;
                    
                }

            }
            li:nth-of-type(3){
                ul{
                    display: none;
                    font-size: .46875rem;
                    color: #9c9797;
                    padding: 0;
                    li{
                       padding: 0;;
                        border-top: .023437rem solid #3d3d3d ;
                        width: 100%;
                        background-color: #3d3d3d98;
                        a{
                            display: block;
                            text-align: center;
                            margin-bottom: .46875rem;
                            margin-left: .375rem;
                           width: 2.34375rem;
                            line-height: 1.054687rem;
                        }                      
                    }
                }
            }
            li:nth-of-type(2), li:nth-of-type(3), li:nth-of-type(5),li:nth-of-type(6){
                ul{
                    display: none;
                    font-size: .46875rem;
                    color: #9c9797;
                    padding: 0;
                    li{
                       padding: 0;;
                        border-top: .023437rem solid #3d3d3d ;
                        width: 100%;
                        background-color: #3d3d3d98;
                        a{
                            display: block;
                            text-align: center;
                            margin-bottom: .46875rem;
                            margin-left: .375rem;
                           width: 4.6875rem;//200px
                            line-height: 1.054687rem;
                        }                      
                    }
                }
            }

        }
    }
}